// 主样式文件
@use 'variables' as *;
@use 'mixins' as *;
@use 'base';
@use 'fonts';
@use 'global';

// Tailwind CSS
@tailwind base;
@tailwind components;
@tailwind utilities;

/* Element Plus Checkbox 全局主题覆盖 - 选中颜色 #F76B1B */
.el-checkbox__input.is-checked .el-checkbox__inner,
.el-checkbox__input.is-indeterminate .el-checkbox__inner {
  background-color: #f76b1b !important;
  border-color: #f76b1b !important;
}

.el-checkbox__inner:hover,
.el-checkbox__input.is-checked .el-checkbox__inner:hover {
  border-color: #f76b1b !important;
}

.el-checkbox__input.is-focus .el-checkbox__inner {
  border-color: #f76b1b !important;
}

.el-checkbox.is-bordered.is-checked {
  border-color: #f76b1b !important;
}
html,
body,
h1,
h2,
h3,
h4,
h5,
h6,
p {
  padding: 0;
  margin: 0;
}
* {
  line-height: 1;
}
/* 1. 隐藏 Chrome、Safari、Edge 等 WebKit 内核浏览器的滚动条 */
/* 垂直滚动条 */
::-webkit-scrollbar {
  width: 0; /* 宽度设为 0，隐藏垂直滚动条 */
  height: 0; /* 高度设为 0，隐藏水平滚动条 */
}

/* 滚动条轨道（可选，进一步隐藏痕迹） */
::-webkit-scrollbar-track {
  background: transparent; /* 轨道透明 */
}

/* 滚动条滑块（可选） */
::-webkit-scrollbar-thumb {
  background: transparent; /* 滑块透明 */
}

/* 2. 隐藏 Firefox 的滚动条 */
/* 针对全局滚动容器（如 html、body 或自定义容器） */
html,
body {
  scrollbar-width: none; /* Firefox 特有属性：隐藏滚动条 */
  -ms-overflow-style: none; /* IE 和 Edge 旧版属性（可选） */
}

/* 若有其他滚动容器（如 .scroll-container），也需添加 */
.scroll-container {
  scrollbar-width: none;
  -ms-overflow-style: none;
}

/* Firefox 中滚动时去除聚焦边框（可选） */
.scroll-container::-moz-focus-inner {
  border: 0;
}
